|
上一小节，我们演示了开始界面背景的制作 本小节，我们将演示开始界面中控制面板的制作 下面我们在开始界面中制作控制面板 我们在 "StartCanvas"下创建一个 "UI——Image" 控件 我们将这个新建的 Image 控件 重命名为 WindowPanels [声音] 该对象用于组织其他的面板，我们 将它的 Source Image 属性设置为 SF Window 将它的 Color 设置为 R G B A 100 100 255 以及 100 这里的我们将 Alpha 设置为 100 的 目的是使它能够以半透明的形式显示 我们关闭颜色选择器，我们将 Width 和 Height 属性设置为 500 和 500 将它的锚点设置为屏幕的正右方 同时，将 Pos X 和 Pos Y 属性分别设置为 -300 和 -50 此时，我们可以看到我们刚才创建的 UI——Image 出现在了 Games 游戏视图中的右侧，并且居中显示 [声音] 接下来我们制作游戏的主控面板 我们在 WindowPanels 控件下创建一个空的游戏对象 我们将它重命名为 InitSubPanel [声音] 该面板表示游戏的初始面板 我们将它的 Pos X 和 Y 都设置为 0 首先，我们在 InitSubPanel 中创建一个 Button 控件 我们将这个 Button 控件重命名为 StartButton 表示游戏开始按钮 我们将它的 Source Image 设置为 SF Button 将它的宽度与高度分别设置为 250 和 80 将它的锚点设置为中央，也就是保持它的默认设置 将它的 Pos Y 设置为 135 接下来我们设置 StartButton 的 Text 组件 在 Text 输入框中输入开始 [声音] 该按钮用于开始游戏 我们将 Font Style 设置为 Bold，也就是加粗 将 Font Size 设置为 45 选择水平居中与垂直居中 将 Color 设置为白色 这样我们就可以在游戏视图中看到 开始按钮出现在了我们刚才创建的面板中 接着我们使用 duplicate 方法复制两个 StartButton 我们将第一个复制出的 Button 重命名为 OptionButton [声音] 我们将第二个复制出的 Button 设置为 ExitButton 我们将 OptionButton 的 Pos Y 值设置为 0 我们将 ExitButton 的 Pos Y 值设置为 -135 这样我们就可以看到三个按钮排列在了 Panel 当中 接下来我们将 OptionButton 的 Text 设置为选项 [声音] 我们将 ExitButton 的 Text 属性 设置为退出。 我们新复制出来的这两个 Button 之后将分别用于游戏的"设置"以及游戏的"退出"功能 下面我们禁用 InitSubPanel 这样我们就完成了主控面板的制作 接下来我们将制作游戏的"开始"面板 我们在 WindowPanels 下新建一个空游戏对象 我们将它重命名为 StartSubPanel 将它的 Pos X 与 Pos Y 都设置为 0 接下来我们在 StartSubPanel 游戏对象下 创建一个新的空游戏对象，我们将它 重命名为 Username 将它的 Pos Y 属性设置为 80 该对象将用于玩家名称的输入控件制作 下面我们在 Username 下创建一个新的 UI Text 控件，我们将它重命名为 UsernameLabel [声音] 我们将它的 Text 属性 设置为英雄名号 我们在"英雄名号"几个字之间添加空格 使它的演示更为合理。 下面 我们设置它的宽高属性为 300、 100 我们设置 Font Style 为 Bold，也就是加粗显示 我们设置 Font Size 为 50 我们在对齐选项中将它设置为左右居中 与上下居中，将 Color 设置为白色 [空白音频] 我们将它的 Pos Y 属性设置为 60 接着我们在 Username 对象下创建一个 InputField [声音] 我们把它重命名为 UsernameInputField [声音] 该对象将用于接收玩家名称的输入 下面我们对它的属性进行设置 我们将它的 Width、 Height 设置为 380 将它的 Pos Y 设置为 -20 在它的 Image 组件中 我们将 Color 中的 Alpha 属性设置为 100 接着我们展开 UsernameInputField 选项 删除其中的 PlaceHolder 将其中的 Text 对象 重命名为 UsernameText 并将该控件的 Font Size 设置为 40 Alignment 对齐属性设置为 垂直居中与水平居中 接着我们在 StartSubPanel 下创建一个新的 Button 按钮 我们将该 Button 重命名为 ConfirmButton [声音] 我们将 Button 的宽、 高属性设置为 250 80，将 Pos Y 属性设置为 -50 将 SourceImage 属性设置为 SF Button [声音] 接着我们打开 Button 下方的 Text 控件，我们在 Text 内容设置中填入"开战" [声音] 这个 Button 将用于正式进入游戏场景 我们还需要将它的 Font Style 设置为 Bold 加粗 将 Font Size 设置为 45，将 Alignment 设置为 水平居中与垂直居中，将它的 Color 设置为白色 接下来 我们使用 Duplicata 方法复制一个 ConfirmButton 我们将复制出的新 Button 重命名为 Back Button [声音] 我们展开 Back Button 将其中的 Text 子控件 在它的 Text 设置中填入 返回 接着我们将 Pos Y 设置为 -150 [声音] 下面我们禁用 StartSubPanel 这样我们就完成了 游戏开始面板的设置 接着我们制作游戏的音效控制面板 在 WidowsPanel，在 WindowPanels 下面创建一个空的游戏对象 我们将它重命名为 OptionSubPanel 我们确保 它的 Pos X 与 Pos Y 属性均为 0 接着我们在 OptionSubPanel 下面 创建一个空，创建一个 UI Toggle 游戏对象 我们将它重命名为 SoundToggle 将它的 Pos Y 属性设置为 125 我们将 SoundToggle 子对象中的 Background 的 Scale 设置为 4、 4 和 1 [声音] 将它的锚点设置为中央 将它的 Pos X 设置为 125 [空白音频] 下面我们选中 SoundToggle 的 Label 子对象 在 Inspector 视图中将它的锚点设置在中央 将它的 Pos X 属性设置为 -50 将它的 Width、 Height 宽高属性设置为 300 和 80 在下方的 Text 组件中，我们将其内容修改为声音开关 [声音] 我们将它的 Font Size 设置为 60 将 Alignment 属性设置为水平居中与垂直居中 将它的 Color 设置为白色 [声音] 下面我们将 StartSubPanel 中的 Back Button 复制到 OptionSubPanel 之下 [声音] 我们将它重命名为 Back Button 这样我们就完成了声音控制面板的 设置，下面我们禁用 OptionSubPanel [声音] 以上就是本小节的全部内容
|